<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../layui/css/layui.css" />	
		<style>
			img {
				width: 145px;
				height: 145px;
			}
		</style>
		 <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
		 <script type="text/javascript" src="../js/welcome.js"></script>
	</head>

	<body>
		<div class="layui-container">
			<div class="layui-row" style="width:100%;height:25px;background:#B2B2B2;color:darkred;">
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md3">
					<span class="layui-icon layui-icon-rate-solid"></span>奥凯航空
				</div>
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md3">
					<span class="layui-icon layui-icon-rate-half"></span>登录页面
				</div>
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md3">
					<span class="layui-icon layui-icon-snowflake"></span>注册页面
				</div>
				<div class="layui-col-xs4 layui-col-sm12 layui-col-md3">
					<span class="layui-icon layui-icon-home"></span>后台管理
				</div>
			</div>

			<div class="layui-row" style="width:100%;height:25px;background:#B2B2B2;color:darkred;">
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md3">
					<span class="layui-icon layui-icon-username"></span>基础信息
				</div>
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md3">
					<span class="layui-icon layui-icon-password"></span>安全设置
				</div>
				<div class="layui-col-xs4 layui-col-sm12 layui-col-md3">
					<span class="layui-icon layui-icon-tree"></span>欢迎界面
				</div>
				<div class="layui-col-xs4 layui-col-sm12 layui-col-md3">
					<span class="layui-icon layui-icon-star"></span>退出弹窗
				</div>
			</div>
			<hr>

			<div class="layui-row layui-col-space3" style="height:220px; background:#DEDEDE;">
				<div class="layui-col-md1">
					<div style="margin:40px;">
						<center style="font-family: '微软雅黑'; font-size:20px;">第</center><br><br>
						<center style="font-family: '微软雅黑'; font-size:20px;">十</center><br><br>
						<center style="font-family: '微软雅黑'; font-size:20px;">组</center><br><br>
					</div>
				</div>

				<div class="layui-col-md2">
					<div class="layui-card" style="height:220px;background:burlywood;">
						<div class="layui-card-header">
							<h3 align="center" style="font-family: 隶书;font-size:25px;font-style: inherit;">王婧</h3>
						</div>
						<div class="layui-card-body">
							<center>
								<img class="layui-circle" src="img/王婧.jpg">
							</center>
						</div>
					</div>
				</div>
				<div class="layui-col-md2">
					<div class="layui-card" style="height:220px;background:burlywood;">
						<div class="layui-card-header">
							<h3 align="center" style="font-family: 隶书;font-size:25px;font-style: inherit;">李瑞晴</h3>
						</div>
						<div class="layui-card-body">
							<center>
								<img class="layui-circle" src="img/李瑞晴.jpg">
							</center>
						</div>
					</div>
				</div>
				<div class="layui-col-md2">
					<div class="layui-card" style="height:220px;background:burlywood;">
						<div class="layui-card-header">
							<h3 align="center" style="font-family: 隶书;font-size:25px;font-style: inherit;">赵思睿</h3>
						</div>
						<div class="layui-card-body">
							<center>
								<img class="layui-circle" src="img/赵思睿.jpg">
							</center>
						</div>
					</div>
				</div>
				<div class="layui-col-md2">
					<div class="layui-card" style="height:220px;background:burlywood;">
						<div class="layui-card-header">
							<h3 align="center" style="font-family: 隶书;font-size:25px;font-style: inherit;">张越</h3>
						</div>
						<div class="layui-card-body">
							<center>
								<img class="layui-circle" src="img/张越1.jpeg">
							</center>
						</div>
					</div>
				</div>
				<div class="layui-col-md2">
					<div class="layui-card" style="height:220px;background:burlywood;">
						<div class="layui-card-header">
							<h3 align="center" style="font-family: 隶书;font-size:25px;font-style: inherit;">吴美美</h3>
						</div>
						<div class="layui-card-body">
							<center>
								<img class="layui-circle" src="img/吴美美.jpg">
							</center>
						</div>
					</div>
				</div>

				<div class="layui-col-md1">
					<center><span class="layui-icon layui-icon-link"></span></center><br>
					<center><span class="layui-icon layui-icon-link"></span></center><br>
					<center><span class="layui-icon layui-icon-link"></span></center><br>
					<center><span class="layui-icon layui-icon-link"></span></center><br>
					<center><span class="layui-icon layui-icon-link"></span></center><br>
					<center><span class="layui-icon layui-icon-link"></span></center><br>
					<center><span class="layui-icon layui-icon-link"></span></center><br>
				</div>

			</div>
			<div class="layui-container">
				<div class="layui-row layui-col-space20">
					<div class="layui-col-md4">
						<div class="layui-card">
							<div class="layui-card-header">快捷方式</div>
							<div class="layui-card-body" style="height: 150px;">
								<div style="width: 18%;height: 55px; float: left; margin-left: 30px;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center>
											<a href=""><span class=" layui-icon layui-icon-console"></span></a>
										</center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">主页一</div>
								</div>
								<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center>
											<a href=""><span class=" layui-icon layui-icon-chart"></span></a>
										</center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">主页二</div>
								</div>
								<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center>
											<a href=""><span class=" layui-icon layui-icon-template-1"></span></a>
										</center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">弹层</div>
								</div>
								<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center>
											<a href=""><span class=" layui-icon layui-icon-dialogue"></span></a>
										</center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">聊天</div>
								</div>
								<br>
								<br>
								<br>
								<div style="width: 18%;height: 55px;margin-left: 30px; float: left;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center><span class=" layui-icon layui-icon-find-fill"></span></center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">进度条</div>
								</div>
								<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center><span class=" layui-icon layui-icon-edit"></span></center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">工单</div>
								</div>
								<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center><span class=" layui-icon layui-icon-username"></span></center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">用户名</div>
								</div>
								<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
									<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
									<div style="height: 56%; width: 100%;" class="layui-bg-gray">
										<center><span class=" layui-icon layui-icon-set"></span></center>
									</div>
									<div style="height: 30%; width: 100%;" align="center">设置</div>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-md4">
						<div class="layui-card">
							<div class="layui-card-header">待办事项</div>
							<div class="layui-card-body" style="height: 150px;">
								<div style="float: left; margin-left: 10px; width: 45%; height:60px;" class="layui-bg-gray">
									<font style=" font-size: 12px; margin-left: 10px;">待审评论</font><br>
									<font style=" font-size: 26px; margin-left: 10px; color: #009688;">66</font>
								</div>
								<div style="float: left; margin-left: 10px; width: 45%; height:60px;" class="layui-bg-gray">
									<font style=" font-size: 12px; margin-left: 10px;">待审帖子</font><br>
									<font style=" font-size: 26px; margin-left: 10px; color: #009688;">12</font>
								</div>
								<div style="float: left; margin-left: 10px; margin-top:15px; width:45%; height:60px;" class="layui-bg-gray">
									<font style=" font-size: 12px; margin-left: 10px;">待审商品</font><br>
									<font style=" font-size: 26px; margin-left: 10px; color: #009688;">99</font>
								</div>
								<div style="float: left; margin-left: 10px; margin-top:15px; width:45%; height:60px;" class="layui-bg-gray">
									<font style=" font-size: 12px; margin-left: 10px;">待发货</font><br>
									<font style=" font-size: 26px; margin-left: 10px; color: #009688;">20</font>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-md4">
						<div class="layui-card">
							<div class="layui-card-header">版本信息</div>
							<div class="layui-card-body" style="height: 150px;">
								<table class="layui-table" lay-size="sm">
									<tr>
										<td>当前版本</td>
										<td>v1.2.1&nbsp;pro&nbsp;&nbsp;&nbsp;&nbsp;
											<a href="">更新日志</a>
										</td>
									</tr>
									<tr>
										<td>基于框架</td>
										<td>layui-2.4.5</td>
									</tr>
									<tr>
										<td>主要特色</td>
										<td>单页面/响应式/清爽/极简</td>
									</tr>
									<tr>
										<td>获取渠道</td>
										<td>
											<a href="" class="layui-btn layui-btn-lg layui-bg-red">
												<font style="font-size: 12px;">获取授权</font>
											</a>
											<a href="" class="layui-btn layui-btn-lg layui-bg-green">
												<font style="font-size: 12px;">立即下载</font>
											</a>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div>
				<div class="layui-row layui-col-space5">
					<div class="layui-col-md6">
						<div class="layui-card">
							<div class="layui-card-header">柱状图</div>
							<div class="layui-card-body">
								<div id="bar" style="height:300px;width:100%;">
								</div>
							</div>
						</div>
					</div>

					<div class="layui-col-md6">
						<div class="layui-card">
							<div class="layui-card-header">
								饼状图
							</div>
							<div class="layui-card-body">
								<div id="pie" style="height:300px;width:100%;">
								</div>
							</div>

						</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-md4">
						<div class="layui-card">
							<div class="layui-card-header">
								基础数据
							</div>
							<div class="layui-card-body">
								<table class="layui-table">
									<tr>
										<th>航班号</th>
										<th>出发地</th>
										<th>目的地</th>
										<th>启航时间</th>
									</tr>
									<tr>
										<td>HTZ0001</td>
										<td>上海</td>
										<td>新疆</td>
										<td>2019.5.3</td>
									</tr>
									<tr>
										<td>TD10003</td>
										<td>深圳</td>
										<td>黑龙江</td>
										<td>2019.3.5</td>
									</tr>
									<tr>
										<td>MLXY001</td>
										<td>甘肃</td>
										<td>广东</td>
										<td>2019.12.14</td>
									</tr>
									<tr>
										<td>TJBJ1021</td>
										<td>北京</td>
										<td>河南</td>
										<td>2019.10.9</td>
									</tr>
									<tr>
										<td>SDN1311</td>
										<td>天津</td>
										<td>重庆</td>
										<td>2019.6.18</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<div class="layui-col-md8">
						<div class="layui-card">
							<div class="layui-card-header">仪表图</div>
							<div class="layui-card-body">
								<div id="gauge" style="height:300px;width:100%;">
								</div>
							</div>
						</div>
					</div>
					
<script type="text/javascript" src="../js/echarts.js"></script>
<script type="text/javascript" src="../js/welcome.js"></script>
	</body>

</html>